<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('待本部门回复T')"/>
</head>
<style>
</style>
<body class="gray-bg">
<div class="container-div">
  <div class="row">
    <div class="btn-group-sm " id="toolbar" role="group">
      <input id="user-mobile" name="user-mobile"/>
      <a class="btn btn-danger multiple" onclick="inputMobile()">
        <i class="fa fa-clock-o"></i> 手机号码
      </a>
    </div>
  </div>
  <div id="againBack" style="display: none;">
    <div class="col-sm-12" style="margin: 20px 0;padding: 10px 0">
      <form id="formDialog">
        <div class="form-group col-sm-12">
          <label class="col-xs-2 control-label is-required" style="padding-top: 7px; padding-left: 0;padding-right: 0; margin-bottom: 0; text-align: right;">手机号码：</label>
          <div class="col-xs-10">
            <input class="form-control" id="mobile" name="mobile" />
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<th:block th:include="include :: footer"/>
<script th:src="@{/common/js/common.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-switch/bootstrap-switch.min.js}"></script>
<script th:inline="javascript">

  //催办派单
  function inputMobile(){
      layer.open({
        type: 1,
        area: ['500px', '300px'],
        fix: false,
        maxmin: false,
        shade: 0.3,
        skin: 'demo-class',
        title: '请输入手机号码',
        content: $('#againBack'),
        btn: ['确定', '关闭'],
        // 弹层外区域关闭
        shadeClose: false,
        //同意
        yes: function(index, layero) {
          if($.validate.form('formDialog')) {
            // 业务
            $('#user-mobile').val($('#mobile').val());
            layer.close(index);
          }
        },
        //关闭
        cancel: function(index) {
          return true;
        }
      });
  }
</script>
</body>
</html>